<?php 
    defined( '_JEXEC' ) or die( 'Restricted access' );
    JHTML::_('behavior.mootools');
    JHTML::_('behavior.framework', true);
    //$tpath = JURI::root() . 'templates/cnsolution/';
    $tpath = $this->baseurl.'/templates/'.$this->template.'/';
?>  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html xmlns="http://www.w3.org/1999/xhtml" 
    xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<!--<![endif]-->
<head>
<meta charset="utf-8"/>
<jdoc:include type="head" />
<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width"/>
<title>cnsolution website</title>
<!-- CSS Files-->
<link rel="stylesheet" href="<?php echo $tpath; ?>css/style.css">
<link rel="stylesheet" href="<?php echo $tpath; ?>css/prettyphoto.css"><!-- for gallery -->
<link rel="stylesheet" href="<?php echo $tpath; ?>css/homepage.css"><!-- homepage stylesheet -->
<link rel="stylesheet" href="<?php echo $tpath; ?>css/skins/teal.css"><!-- skin color -->
<link rel="stylesheet" href="<?php echo $tpath; ?>css/responsive.css">
<!-- IE Fix for HTML5 Tags -->
<!--[if lt IE 9]>
    <script src="<?php echo $tpath; ?>js/html5.js"></script>
  <![endif]-->    
</head>

<body>
<!-- HIDDEN PANEL 
================================================== -->
<div id="panel">
	<div class="row">
		<div class="twelve columns">
			<img src="<?php echo $tpath; ?>images/info.png" class="pics" alt="info">
			<div class="infotext">
				Thank you for visiting my website! Please contact with me via email : cannguyenngoc@gmail.com.
			</div>
		</div>
	</div>
</div>
<p class="slide">
	<a href="#" class="btn-slide"></a>
</p>
<!-- HEADER
================================================== -->
<div class="row">	
    <div class="four columns">
        <div class="logo">
            <a href="http://cnsolution.local"><h4>CN SOLUTION</h4></a>
        </div>
    </div>
    <!-- Menu -->
    <jdoc:include type="modules" name="position-1" />
</div>
<div class="clear">
</div>



<jdoc:include type="component" /> 





<!-- TWITTER
================================================== -->
<div class="tweetarea">
    <div class="tweettext">
        <div class="row">
            <div class="twelve columns">
                <div class="tweet">
                </div>
            </div>
        </div>
    </div>
</div>

<!-- FOOOTER 
================================================== -->

<div id="footer">
	<footer class="row">
	<p class="back-top floatright">
		<a href="#top"><span></span></a>
	</p>
	<div class="four columns">
		<h1>ABOUT US</h1>
		 Our goal is to keep clients satisfied!
	</div>
	<div class="four columns">
		<h1>GET SOCIAL</h1>
		<div class="social facebook">
			<a href="#"></a>
		</div>
		<div class="social twitter">
			<a href="#"></a>
		</div>
		<div class="social deviantart">
			<a href="#"></a>
		</div>
		<div class="social flickr">
			<a href="#"></a>
		</div>
		<div class="social dribbble">
			<a href="#"></a>
		</div>
	</div>
	<div class="four columns">
		<h1 class="newsmargin">NEWSLETTER</h1>
		<div class="row collapse newsletter floatright">
			<div class="ten mobile-three columns">
				<input type="text" class="nomargin" placeholder="Enter your e-mail address...">
			</div>
			<div class="two mobile-one columns">
				<a href="#" class="postfix button expand">GO</a>
			</div>
		</div>
	</div>
	</footer>
</div>
<div class="copyright">
	<div class="row">
		<div class="six columns">
			 &copy;<span class="small"> Copyright 2014 CN Solution</span>
		</div>
		<div class="six columns">
			<span class="small floatright"> cnsolution.com</span>
		</div>
	</div>
</div>

<!-- JAVASCRIPTS 
================================================== -->
<!-- Javascript files placed here for faster loading -->
<script src="<?php echo $tpath; ?>js/foundation.min.js"></script>   
<script src="<?php echo $tpath; ?>js/jquery.easing.1.3.js"></script>
<script src="<?php echo $tpath; ?>js/elasticslideshow.js"></script>
<script src="<?php echo $tpath; ?>js/jquery.carouFredSel-6.0.5-packed.js"></script>
<script src="<?php echo $tpath; ?>js/jquery.cycle.js"></script>
<script src="<?php echo $tpath; ?>js/app.js"></script>
<script src="<?php echo $tpath; ?>js/modernizr.foundation.js"></script>
<script src="<?php echo $tpath; ?>js/slidepanel.js"></script>
<script src="<?php echo $tpath; ?>js/scrolltotop.js"></script>
<script src="<?php echo $tpath; ?>js/hoverIntent.js"></script>
<script src="<?php echo $tpath; ?>js/superfish.js"></script>
<script src="<?php echo $tpath; ?>js/responsivemenu.js"></script>
<script src="<?php echo $tpath; ?>js/jquery.tweet.js"></script>
<script src="<?php echo $tpath; ?>js/twitterusername.js"></script>
<script src="<?php echo $tpath; ?>js/jquery.isotope.min.js"></script>
<script src="<?php echo $tpath; ?>js/jquery.prettyPhoto.js"></script>
<script src="<?php echo $tpath; ?>js/custom.js"></script>
</body>
</html>

